{% extends 'group_base.html' %}

{% block theme %}
推荐群组
{% endblock %}

{% block topic_content %}

<div id="db-sites">
	<div class="hd">
		<h2>最新群组 ······ </h2>
	</div>
	<div class="bd">
		<div class="content">
		{% for group in new_groups %}
			<div class="item">
				<a href="/group/gr/{{group.0.id}}/">
					<img src="{{ group.1 }}" alt={{ group.0.name }} width"75" height="75">
				</a>
				<div class="info">
					<h3>
						<a href="/group/gr/{{group.0.id}}/">{{ group.0.name }}</a>（{{ group.0.members.all|length }}）
					</h3>
					<!--<p>{{ group.0.description }}</p>-->
				</div>
			</div>
		{% endfor %}
		</div>
	</div>
</div>

<div id="db-groups-cate" class="cate-mod">
	<div class="hd">
		<h2>浏览群组 ······ </h2>
	</div>
	<div class="bd">
		<div class="content">
			<div class="item item_0">
			{% for group in random_groups %}
				<div class="sub-item">
					<div class="pic">
						<a href="/group/gr/{{group.id}}/">
							<img alt={{ group.name }} src="{{ group.logo }}">
						</a>
					</div>
					<div class="info">
						<a href="/group/gr/{{group.id}}/">{{ group.name }}</a>
						({{ group.members.all|length }})
						<!--<p>{{ group.description }}</p>-->
					</div>
				</div>
				<span class="x1"> </span>
				<span class="x2"> </span>
			{% endfor %}
			</div>
		</div>
	</div>
</div>	

{% endblock %}

{% block aside %}

<p class="pl2">
&gt;
<a href="/group/all_groups/">浏览所有群组</a>
</p>

<p class="pl2">
	&gt;
	<a href="/group/new_group/">申请创建群组</a>
</p>

{% endblock %}